<template>
  <div class="device_box">
    <!--    header_line-->
    <div class="header_line"></div>
    <!--    设备基本信息标题-->
    <div class="device_basic">
      <div class="device_basic_item">设备编号</div>
      <div class="device_basic_item">设备名称</div>
    </div>
    <!--    设备基本信息内容-->
    <div class="device_basic_content">
      <div class="device_basic_item">{{ store.state.dataDetails.details.uEquipmentCode }}</div>
      <div class="device_basic_item">{{ store.state.dataDetails.details.equipmentName }}</div>
    </div>

    <div class="device_basic">
      <div class="device_basic_item">设备型号</div>
      <div class="device_basic_item">操作者</div>
    </div>
    <!--    设备基本信息内容-->
    <div class="device_basic_content">
      <div class="device_basic_item">{{ store.state.dataDetails.details.equipmentName }}</div>
      <div class="device_basic_item">{{ store.state.dataDetails.details.realName }}</div>
    </div>

    <div class="device_basic">
      <div class="device_basic_item">电流阈值 A</div>
      <div class="device_basic_item">电压阈值 V</div>
    </div>
    <!--    设备基本信息内容-->
    <div class="device_basic_content">
      <div class="device_basic_item">{{
          store.state.dataDetails.details.cMin
        }}-{{ store.state.dataDetails.details.cMax }}
      </div>
      <div class="device_basic_item">{{
          store.state.dataDetails.details.vMin
        }}-{{ store.state.dataDetails.details.vMax }}
      </div>
    </div>

    <div class="device_basic">
      <div class="device_basic_item">位置坐标</div>
      <div class="device_basic_item"></div>
    </div>
    <!--    设备基本信息内容-->
    <div class="device_basic_content">
      <div class="device_basic_item">{{ store.state.dataDetails.details.collectPoint }}</div>
      <!--      <div class="device_basic_item"></div>-->
    </div>
    <div class="header_line"></div>
  </div>


</template>

<script>
import {useStore} from "vuex"
import {reactive} from "vue"

export default {
  name: "device_basic",
  setup() {
    const store = useStore();
    const device_data = reactive({
      // data:store.state.dataDetails.details
    })
    return {
      store
    }
  }
}
</script>

<style scoped lang="scss">

</style>
